﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="x-rim-auto-match" content="none">
    <title>磬石科技 主页</title>
	<link rel="shortcut icon" href="/static/img/favicon.ico" type="image/x-icon" />
    <link href="/static/css/bootstrap.css" rel="stylesheet" media="screen">
    <link href="/static/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="/static/css/common.css">
    <link rel="stylesheet" href="/static/css/index.css">
    <link rel="stylesheet" href="/static/css/index1.css">
</head>

<body data-spy="scroll">
    <!-- Navigation -->
    <nav class="navbar navbar-fixed-top headerTop" role="navigation">
        <!-- <div class="container "> -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
                     <i class="fa fa-bars menuIcon"></i>
                </button>
            <a href="/index" class="logo">
					<img src="/static/img/logo-web.png" alt="">
				</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
            <ul class="nav navbar-nav navigation">
                <!-- Hidden li included to remove active class from demo link when scrolled up past demo section -->
                <li class="hidden">
                    <a href="#page-top"></a>
                </li>
                <li class="current">
                    <a class="page-scroll" href="/index">产品介绍</a>
                </li>
                <li>
                    <a class="page-scroll" href="/train">咨询培训</a>
                </li>
                <li>
                    <a class="page-scroll" href="/introduction">公司介绍</a>
                </li>
                <li>
                    <a class="page-scroll" href="/contact">联系我们</a>
                </li>
            </ul>
        </div>
        <!-- /.navbar-collapse -->
        <!-- </div> -->
        <!-- /.container -->
    </nav>
    <style>
        .bannerpic1 {
            padding: 0;
            float: right;
        }

        .bannerpic1 img {
            width: 100%;
        }

        @media (min-width: 992px) {
            .bannerTxt {
                float: right;
                margin-right: 100px;
            }
            .bigBtn {
                display: block;
            }

            .smallBtn {
                display: none;
            }
        }

        @media (max-width: 992px) {
            .bigBtn {
                display: none;
            }

            .smallBtn {
                display: block;
            }
        }
    </style>
    <header class="intro">
        <div class="intro-body">
            <div class="container">
                <div class="row">
                    <div class="col-md-4 bannerTxt text-center  col-xs-12">
                        <p class="introTxt">一站式投顾直销管理平台</p>
                        <p class="introTxt2">未来，让投资更有效率</p>
                        <p class="introTxt3">Efficiency Makes Investment</p>
                        <div class="bigBtn">
                            <a href="#" class="btn-block userBtn ">点击试用</a>
                        </div>
                        <div class="userForm">
                            <div class="dark"></div>
                            <div class="form ">
                                <form>
                                    <div class="topForm clearfix">
                                        <span>平台试用</span>
                                        <img src="/static/img/closeIcon.png" alt="" class="closeBtn">
                                    </div>
                                    <div class="formCont">
                                        <p>填写以下信息，我们会协助你完成试用前的准备工作：</p>
                                        <div class="inputFill">
                                            <ul class="clearfix">
                                                <li class="name">
                                                    <div>
                                                        <input type="text" name="" value="" placeholder="姓名(例如:张三)">
                                                    </div>
                                                    <span class="nameTips"></span>
                                                </li>
                                                <li class="position">
                                                    <div>
                                                        <input type="text" name="" value="" placeholder="职位(例如:投资经理)">
                                                    </div>
                                                    <span class="positionTips"></span>
                                                </li>
                                            </ul>
                                            <ul class="secondForm clearfix">
                                                <li class="company">
                                                    <div>
                                                        <input type="text" name="" value="" placeholder="公司简称(例如:上海磬石科技)">
                                                    </div>
                                                    <span class="nameTips"></span>
                                                </li>
                                                <li class="department">
                                                    <div>
                                                        <input type="text" name="" value="" placeholder="部门(例:投资部)">
                                                    </div>
                                                    <span class="positionTips"></span>
                                                </li>
                                            </ul>
                                            <ul class="thirdForm clearfix">
                                                <li class="mobile">
                                                    <div>
                                                        <input type="text" name="" value="" placeholder="电话号码">
                                                    </div>
                                                    <span class="nameTips"></span>
                                                </li>
                                                <li class="email">
                                                    <div>
                                                        <input type="text" name="" value="" placeholder="邮箱(例：a@b.c)">
                                                    </div>
                                                    <span class="positionTips"></span>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="buttonDiv clearfix">
                                            <button class="sure" type="button">试用</button>

                                        </div>
                                    </div>
                                </form>

                            </div>
                        </div>
                    </div>
                    <div class="col-md-7 bannerpic1">
                        <img src="/static/img/banner2.png" alt="" />
                        <div class="smallBtn">
                            <a href="#" class="btn-block userBtn ">点击试用</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <div class="introduction introductionFirst">
        <div class="container">
            <div class="row">
                <div class="col-md-7 slogonPic fade-left  ">
                    <img src="/static/img/officialWeb-page1.png">
                </div>
                <div class="col-md-4  fade-right leftTxt">
                    <p class="text-right titleP">自主投顾直销</p>
                    <p class="text-right"> 投资顾问自主上传产品，透过我们的平台实现品牌宣传和产品销售。</p>
                    <div class="pic clearfix ">
                        <ul class="clearfix">
                            <li class="round">投资顾问</li>
                            <li class="line">自主发布</li>
                            <li class="round">投顾市场</li>
                            <li class="line">平台推介</li>
                            <li class="round">资金方</li>
                        </ul>
                    </div>
                    <p class="text-right contactA"> <a href="/contact">了解详情</a></p>
                </div>
            </div>
        </div>
    </div>



    <div class="introduction2 introductionSecond">
        <div class="container">
            <div class="row">
                <div class="col-md-4 leftTxt">
                    <p class="titleP">智能产品筛选</p>
                    <p class="middleP">平台智能AI根据用户自身情况和诉求，主动提供最适合的投资策略、投资顾问和投资经理。</p>
                    <p class="contactA"> <a href="/contact">了解详情</a></p>
                </div>
                <div class="col-md-7 slogonPic">
                    <img src="/static/img/pro2.png">
                </div>

            </div>
        </div>
    </div>

    <style>

    </style>


    <div class="introduction introductionThird">
        <div class="container">
            <div class="row">
                <div class="col-md-7 slogonPic">
                    <img src="/static/img/pro3.png">
                </div>
                <div class="col-md-3  leftTxt">
                    <p class="text-right titleP">全方位的投顾管理功能</p>
                    <p class="text-right">十大维度服务买方(各类资金方)、卖方(投资顾问)，提升运营效率同时降低双方的风险成本、管理成本。</p>
                    <p class="text-right contactA"> <a href="/contact">了解详情</a></p>
                </div>
            </div>
        </div>
    </div>

    <style>

    </style>

    <div class="introduction4 introductionForth">
        <div class="container">
            <div class="row">
                <div class="col-md-4  leftTxt ">
                    <p class="text-left titleP">行情灵活屏</p>
                    <p class="text-left middleP">按照自身需要自主配置行情页面，降低无效盯盘，提高工作效率。</p>
                    <p class="text-left contactA"> <a href="/contact">了解详情</a></p>
                </div>
                <div class="col-md-7 slogonPic ">
                    <img src="/static/img/pro4.png">
                </div>

            </div>
        </div>
    </div>

    <style>

    </style>
    <div class="footer">
        <div class="container">
            <div class="row">
                <div class=" tableDiv">
                    <div class="leftDiv">
                        <div class="logo"><img src="/static/img/logo-footer.png" alt=""></div>
                        <p>磬石科技，致力于为中小金融机构搭建投顾直销管理平台， 未来，让投资更有效率
                        </p>
                    </div>
                    <div class="middleDiv">
                        <ul class="clearfix">
                            <li>客服电话：021-80212316-3026</li>
                            <li class="spacing">商务合作：17702180209 史经理</li>
                            <li>线上合作：18217576721 钱经理</li>
                            <li class="spacing">培训合作：18601610901 段经理</li>
                            <li>来访地址：上海市浦东新区盛夏路399号亚芯科技园3层</li>
                        </ul>
                    </div>
                    <div class="rightDiv">
                        <p>扫一扫<br/>添加公众号</p>
                        <div class="code">
                            <img src="/static/img/code.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="copy">上海磬石信息科技有限责任公司版权所有 沪ICP备17032123号-1</div>
    <script src="/static/js/jquery.1.11.3.min.js"></script>
    <script src="/static/js/bootstrap.min.js"></script>
    <script src="/static/js/common.js"></script>
    <script src="/static/js/index.js"></script>
</body>

</html>